<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图床——公众号</title>
    <style>
        .images-list{
            display: flex;
            flex-wrap: wrap;
            /*align-items: center;*/
            justify-content: center;
        }
        img{
            width:400px;
            padding: 10px;
            margin: 10px;
            background-color: #ddd;
        }
        h4{
            text-align: center;
        }
    </style>
</head>
<body>
<h1 style="text-align: center;">佛大新生小助手图库——公众号</h1>
<div id="images" class="images-list">

</div>
<script>
    let imagesList=['gongzonghao\\logo\\bailanyuan.jpg', 'gongzonghao\\logo\\ditie.jpg', 'gongzonghao\\logo\\etv.jpg', 'gongzonghao\\logo\\fodaqingnian.jpg', 'gongzonghao\\logo\\fosu.jpg', 'gongzonghao\\logo\\gongqingtuan.jpg', 'gongzonghao\\logo\\guofang.jpg', 'gongzonghao\\logo\\huayanwaitu.jpg', 'gongzonghao\\logo\\ketangpai.jpg', 'gongzonghao\\logo\\library.jpg', 'gongzonghao\\logo\\math.jpg', 'gongzonghao\\logo\\qingnian.jpg', 'gongzonghao\\logo\\qingzhixie.jpg', 'gongzonghao\\logo\\renwen.jpg', 'gongzonghao\\logo\\ruanjian.jpg', 'gongzonghao\\logo\\shelian.jpg', 'gongzonghao\\logo\\student.jpg', 'gongzonghao\\logo\\xuefu.png', 'gongzonghao\\logo\\yanjiusheng.jpg', 'gongzonghao\\logo\\yblogo.jpg', 'gongzonghao\\logo\\yizhan.jpg', 'gongzonghao\\logo\\yueshengshi.jpg', 'gongzonghao\\logo\\yuketang.jpg', 'gongzonghao\\logo\\zhaoshengban.jpg', 'gongzonghao\\logo\\zhushou.jpg', 'gongzonghao\\QRcode\\bailanyuan.png', 'gongzonghao\\QRcode\\ditie.png', 'gongzonghao\\QRcode\\etv.png', 'gongzonghao\\QRcode\\fodaqingnianQR.png', 'gongzonghao\\QRcode\\fosu.png', 'gongzonghao\\QRcode\\gongqingtuan.png', 'gongzonghao\\QRcode\\guofang.png', 'gongzonghao\\QRcode\\huayanwaiyu.png', 'gongzonghao\\QRcode\\ketangpai.png', 'gongzonghao\\QRcode\\library.png', 'gongzonghao\\QRcode\\math.png', 'gongzonghao\\QRcode\\qingnianzhisheng.png', 'gongzonghao\\QRcode\\qingzhixie.png', 'gongzonghao\\QRcode\\renwen.png', 'gongzonghao\\QRcode\\ruanjian.png', 'gongzonghao\\QRcode\\shelian.png', 'gongzonghao\\QRcode\\student.png', 'gongzonghao\\QRcode\\xuefu.jpg', 'gongzonghao\\QRcode\\yanjiusheng.jpg', 'gongzonghao\\QRcode\\yberweima.png', 'gongzonghao\\QRcode\\yizhan.png', 'gongzonghao\\QRcode\\yueshengshi.png', 'gongzonghao\\QRcode\\yuketang.png', 'gongzonghao\\QRcode\\zhaoshengban.png', 'gongzonghao\\QRcode\\zhushou.png'];
    for(let i=0;i<imagesList.length;i++) {
        document.getElementById("images").insertAdjacentHTML('beforeend', '<div><h4>'+(i+1)+'、'+imagesList[i]+'</h4><img src="'+imagesList[i]+'"></div>');
    }
</script>
</body>
</html>
